<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>错误 - Steam游戏商城</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div th:replace="~{fragments/header}"></div>

<div class="container mt-5">
    <div class="alert alert-danger">
        <h4 class="alert-heading">发生错误</h4>
        <p th:text="${errorMessage != null ? errorMessage : '抱歉，处理您的请求时发生了错误。'}">错误消息</p>
        <p>状态码: <span th:text="${status} ?: '未知'">-</span></p>
        <p>基本错误: <span th:text="${error} ?: '未知错误'">-</span></p>
        <p th:if="${message != null}">详细消息: <span th:text="${message} ?: '无详细错误信息'">-</span></p>
        <p>路径: <span th:text="${path} ?: '未知路径'">-</span></p>
        <hr>
        <p class="mb-0">
            <a th:href="@{/}" class="alert-link">返回首页</a>
        </p>
    </div>
</div>

<div th:replace="~{fragments/footer}"></div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>